.leftIcon {
  flex-shrink: 0;
  margin-top: rem(1px);
  width: rem(18px);
  height: auto;
}

.iconGreen {
  color: var(--mantine-color-green-filled);
}

.iconBlue {
  color: var(--mantine-color-blue-filled);
}

.iconRed {
  color: var(--mantine-color-red-filled);
}

.linkIcon {
  width: rem(15px);
  height: auto;
  vertical-align: rem(-2px);
}

.scrollDownIcon {
  margin-bottom: rem(-1px);
  animation: bounce 5s infinite;
}

@keyframes bounce {
  0%,
  20%,
  100% {
    transform: translateY(0);
  }

  7% {
    transform: translateY(rem(-5px));
  }

  10% {
    transform: translateY(rem(4px));
  }

  13% {
    transform: translateY(rem(-3px));
  }

  15% {
    transform: translateY(rem(6px));
  }

  18% {
    transform: translateY(rem(1px));
  }
}
